<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>保时捷</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
<!--    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">-->
<body class="index">
<div class="logo">
    <img src="https://files1.porsche.com/filestore/image/multimedia/none/875d5e3d-6763-47fe-bc52-809142d53274/svg/d4c766d7-7761-11e7-99c7-0019999cd470/porsche-svg.svg" alt="">
</div>
<ul class="nav">
    <div class="container">
        <li><a href="#">所有车型</a>
            <div class="box">
                <div class="one-box num">
                    <div class="border fix">
                        <span>718</span>
                        <div class="div">
                            <div class="img one"></div>
                            <span>&gt;</span>
                        </div>
                    </div>
                    <div class="box-txt">
                        <div class="cayman">
                            <div class="boxster">
                                <p>718&nbsp;Cayman&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="boxster">
                                <p>718&nbsp;Boxster&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="boxster">
                                <p>全新&nbsp;718&nbsp;T&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="boxster">
                                <p>718&nbsp;GTS&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="one-box num">
                    <div class="border fix">
                        <span>911</span>
                        <div class="div">
                            <div class="img two"></div>
                            <span>&gt;</span>
                        </div>
                    </div>
                    <div class="box-txt">
                        <div class="carrera">
                            <div class="targa">
                                <p>全新&nbsp;911&nbsp;Carrera&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="targa">
                                <p>911&nbsp;Carrera&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="targa">
                                <p>911&nbsp;Targa&nbsp;4&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="targa">
                                <p>911&nbsp;GTS&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="targa">
                                <p>911&nbsp;Turbo&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="targa">
                                <p>911&nbsp;GT3&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="targa">
                                <p>911&nbsp;GT2&nbsp;RS&nbsp;车型</p>
                                <span>&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="one-box num">
                    <div class="border fix">
                        <span>Panamera</span>
                        <div class="div">
                            <div class="img three"> </div>
                            <span>&gt;</span>
                        </div>
                    </div>
                    <div class="box-txt">
                        <div class="panamera">
                            <div class="turbo">
                                <p>Panamera &bnot;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="turbo">
                                <p>全新&bnot;Panamera&bnot;GTS&bnot;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="turbo">
                                <p>Panamera&bnot;Turbo&bnot;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="turbo">
                                <p>Panamera&bnot;E-Hybrid&bnot;车型</p>
                                <span>&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="one-box num">
                    <div class="border fix">
                        <span>Macan</span>
                        <div class="div">
                            <div class="img four"> </div>
                            <span>&gt;</span>
                        </div>
                    </div>
                    <div class="box-txt">
                        <div class="macan">
                            <div class="maom">
                                <p>新款&bnot;Macan</p>
                                <span>&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="one-box num">
                    <div class="border fix">
                        <span>Cayenne</span>
                        <div class="div">
                            <div class="img five"> </div>
                            <span>&gt;</span>
                        </div>
                    </div>
                    <div class="box-txt">
                        <div class="cayenne">
                            <div class="coupe">
                                <p>Cayenne&bnot;车型</p>
                                <span>&gt;</span>
                            </div>
                            <div class="coupe">
                                <p>全新&bnot;Cayenne&bnot;车型</p>
                                <span>&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="one-box num">
                    <div class="border fix">
                        <span>E-performance</span>
                        <div class="div">
                            <div class="img six"> </div>
                            <span>&gt;</span>
                        </div>
                    </div>

                    <div class="box-txt">
                        <div class="missione">
                            <div class="turismo">
                                <p>Mission&bnot;</p>
                                <span>&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li>|</li>
        <li class="car">保时捷认可易手车
            <div class="box">
                <div>
                    <span>保时捷全球易手车展示平台</span>
                </div>
                <div>
                    <span>Porsche Approved</span>
                </div>
            </div>
        </li>
        <li>赛车 & 活动</li>
        <li>个性化与服务</li>
        <li>关于保时捷</li>
    </div>
</ul>


<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="images/i-b-1.jpg" alt="">
            <h2>保时捷的耐力赛周末</h2>
            <p>第二站：纽伯格林24小时</p>
        </div>
        <div class="swiper-slide">
            <img src="images/i-b-2.jpg" alt="">
            <h2>全新&bnot;Taycan,电池&bnot;神往</h2>
            <p>开启您的&bnot;Tyacan&bnot;意向金计划</p>
        </div>
        <div class="swiper-slide">
            <img src="images/i-b-3.jpg" alt="">
            <h2>驾驭&bnot;更待何时？</h2>
            <p>保时捷&bnot;Cayenne&bnot;金融服务，利率低质&bnot;1.99%起</p>
        </div>
        <div class="swiper-slide">
            <img src="images/i-b-4.jpg" alt="">
            <h2>新款保时捷&bnot;Macan</h2>
            <p>利率低质&bnot;3.99%&bnot;起</p>
        </div>
        <div class="swiper-slide">
            <img src="images/i-b-5.jpg" alt="">
            <h2>游人自如</h2>
            <p>全新&bnot;718T</p>
        </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>
<!-- Swiper JS -->
<div class="font">
    <div class="amerf" id="amerf">
        <i class="fa fa-upload"></i>
    </div>
</div>


<div class="metc">
    <div class="container">
        <h3>所有车型</h3>
    </div>
    <div class="buju">
        <div class="col-md-4">
            <div class="item">
                <div class="qwe1">
                    <!--<img src="images/img-1.jpg" alt="">-->
                    <h4>718</h4>
                    <p>545,000元起</p>
                    <span class="asd1">&gt;车辆配置器</span>
                    <span class="asd2">&gt;所有车型</span>
                </div>
            </div>

        </div>
        <div class="col-md-4">
            <div class="qwe2">
               <div class="item">
                   <div class="qwe1">
                       <!--img src="images/img-1.jpg" alt="">-->
                       <h4>911</h4>
                       <p>963,000元起</p>
                       <span class="asd1">&gt;车辆配置器</span>
                       <span class="asd2">&gt;所有车型</span>
                   </div>
               </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="item">
                <div class="qwe3">
                    <!-- <img src="images/img-3.jpg" alt="">-->
                    <h4>Panamera</h4>
                    <p>973,000元起</p>
                    <span class="asd1">&gt;车辆配置器</span>
                    <span class="asd2">&gt;所有车型</span>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="item">
                <div class="qwe4">
                    <!--<img src="images/img-4.jpg" alt="">-->
                    <h4>Macan</h4>
                    <p>545,000元起</p>
                    <span class="asd1">&gt;车辆配置器</span>
                    <span class="asd2">&gt;所有车型</span>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="item">
                <div class="qwe5">
                    <!--<img src="images/img-5.jpg" alt="">-->
                    <h4>Cayenne</h4>
                    <p>913,000元起</p>
                    <span class="asd1">&gt;车辆配置器</span>
                    <span class="asd2">&gt;所有车型</span>
                </div>
            </div>

        </div>
        <div class="col-md-4">
            <div class="item">
                <div class="qwe6">
                    <!--<img src="images/img-6.jpg" alt="">-->
                    <h4>Permance</h4>
                    <p>973,000元起</p>
                    <span class="asd1">&gt;车辆配置器</span>
                    <span class="asd2">&gt;所有车型</span>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="canvas">
    <div class="container">
        <div class="geolo">
            <p>* 所列的制造商建议零售价（含增值税）仅供参考，并不包括运输费用、税费
                （另有明确规定的除外）、牌照、所有权、非强制或地区性要求的设备。特别是，
                制造商建议零售价（含增值税）并未包含 2016 年 12 月 1 日起生效的《财政部、
                国家税务总局关于对超豪华小汽车加征消费税有关事项的通知》所要求加征的消费税。
                根据《关于深化增值税改革有关政策的公告》，自 2019 年 4 月 1 日起增值税税率进
                行调整。因此所列的厂商建议零售价将可能进行调整。请您与保时捷授权经销商咨询具
                体的价格信息。</p>
        </div>
    </div>
</div>


<div class="fonts">
    <div class="container">
        <h5>车辆配配置</h5>
        <div class="col-md-4">
            <div class="zxc1">
                <img src="images/img9.jpg" alt="">
                <p> > 718车型</p>
            </div>
        </div>
            <div class="col-md-4">
                <div class="zxc1">
                    <img src="images/img.8jpg" alt="">
                    <p> > 911车型</p>
                </div>
            </div>
        <div class="col-md-4">
            <div class="zxc1">
                <img src="images/img7.jpg" alt="">
                <p> > Panamera车型</p>
            </div>
        </div>
    </div>
</div>


<div class="moeuld">
    <div class="container">
        <h5>工作与服务</h5>
        <div class="weight">
            <div class="itmea">
                <div class="col4">
                    <img src="images/img2-1.jpg" alt="">
                    <h6>&gt;车型对比</h6>
                </div>
            </div>
            <div class="col8">
                <div class="itmea">
                    <div class="col4">
                        <img src="images/img2-2.jpg" alt="">
                        <h6>&gt;预约驾驶</h6>
                    </div>
                </div>
                <div class="itmea">
                    <div class="col4">
                        <img src="images/img2-3.jpg" alt="">
                        <h6>&gt;保时捷金融服务</h6>
                    </div>
                </div>
                <div class="itmea">
                    <div class="col4">
                        <img src="images/img2-4.jpg" alt="">
                        <h6>&gt;查找经纪商</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="headline">
    <div class="container">
        <h5>发现更多</h5>
        <div class="name">
            <div class="itmes">
                <div class="col31">
                    <img src="images/img3-1.jpg" alt="">
                    <p>&gt;无惧光阴 &bnot;只因卓越|老车专属礼遇计划</p>
                </div>
            </div>
            <div class="itmes">
                <div class="col31">
                    <img src="images/img3-2.jpg" alt="">
                    <p>&gt;车主推存计划|“共行 &bnot;致远”遇计划</p>
                </div>
            </div>
            <div class="itmes">
                <div class="col31">
                    <img src="images/img3-3.jpg" alt="">
                    <p>&gt;上海保时捷体验中心</p>
                </div>
            </div>
            <div class="itmes">
                <div class="col31">
                    <img src="images/img3-4.jpg" alt="">
                    <p>&gt;PorscheExclusiveManufaktur</p>
                </div>
            </div>
        </div>
    </div>
</div>




<div class="colnmn">
    <div class="container">
        <div class="namo">
            <div class="col31">
                <h3>购买支持</h3>
                <ul>
                    <li><a href="index3.html">保时捷</a></li>
                    <li><a href="">比较车辆</a></li>
                    <li><a href="">搜索</a></li>
                    <li><a href="">经销商</a></li>
                </ul>
            </div>
            <div class="col31">
                <h3>在线服务</h3>
                <ul>
                    <li><a href="">订阅</a></li>
                </ul>
            </div>
            <div class="col31">
                <h3>幕后</h3>
                <li><a href="">赛车活动</a></li>
                <li><a href="">参观博</a></li>
            </div>
            <div class="col31">
                <h3>公司</h3>
                <ul>
                    <li><a href="">新闻发布</a></li>
                    <li><a href="">保时捷</a></li>
                    <li><a href="">工作机会</a></li>
                    <li><a href="">联系信息</a></li>
<!--                    <li><a href="">"Christophorus"杂志</a></li>-->
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="foot">
            <p class="qwer">©2019&bnot;保时捷&bnot;（中国）&bnot; 汽车销售有限公司 <a href="">法律声明</a> <a href="">English</a> <a href="">泸ICP备 &bnot; 10013326号</a></p>
            <p>保时捷中国最强烈建议您：只在授权的保时捷中心购买车辆和配件</p>
            <p>请 <a href="index2.html">点击这里</a>获得更多</p>
        </div>
    </div>
</div>

<script src="js/swiper.min.js"></script>
<script>



    var tt = document.querySelector("#amerf");
    window.onscroll = function () {
        if (document.documentElement.scrollTop > 50 || document.body.scrollTop > 50){
            tt.style.display = "block";
        }else {
            tt.style.display = "none";
        }
    };
    //    点击返回顶部
   tt.onclick=function () {
       if (document.body.scrollTop!=0){
           window.scrollTo(0,0);
       }
       window.scrollTo({
           top:0,
           behavior:'smooth'
       })
    };


    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 30,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

</script>
</body>
</html>